import Vue from 'vue'
import VueRouter from 'vue-router'
//import Login from '../components/Login.vue'
const Login = () => import(/* webpackChunkName:"login_home_welcom"*/ '../components/Login.vue')
//import Home from '../components/Home.vue'
const Home = () => import(/* webpackChunkName:"login_home_welcom"*/ '../components/Home.vue')
//import Welcome from '../components/Welcome.vue'
const Welcome = () => import(/* webpackChunkName:"login_home_welcom"*/ '../components/Welcome.vue')


//import User from '../components/user/User.vue'
const User = () => import(/* webpackChunkName:"User_Rights_Roles"*/ '../components/user/User.vue')
//import Rights from '../components/power/Rights.vue'
const Rights = () => import(/* webpackChunkName:"User_Rights_Roles"*/ '../components/power/Rights.vue')
//import Roles from '../components/power/Roles.vue'
const Roles = () => import(/* webpackChunkName:"User_Rights_Roles"*/ '../components/power/Roles.vue')


//import Cate from '../components/goods/Cate.vue'
const Cate = () => import(/* webpackChunkName:"Cate_Param"*/ '../components/goods/Cate.vue')
//import Param from '../components/goods/Params.vue'
const Param = () => import(/* webpackChunkName:"Cate_Param"*/ '../components/goods/Params.vue')

//import GoodsList from '../components/goods/List.vue'
const GoodsList = () => import(/* webpackChunkName:"GoodsList_AddGood"*/ '../components/goods/List.vue')
//import AddGood from '../components/goods/Add.vue'
const AddGood = () => import(/* webpackChunkName:"GoodsList_AddGood"*/ '../components/goods/Add.vue')


//import Order from '../components/order/Order.vue'
const Order = () => import(/* webpackChunkName:"Order_Report"*/ '../components/order/Order.vue')
//import Report from '../components/report/Report.vue'
const Report = () => import(/* webpackChunkName:"Order_Report"*/ '../components/report/Report.vue')

Vue.use(VueRouter)


const routes = [{
    path: "/",
    redirect: "/login"
  },
  {
    path: "/login",
    component: Login
  },
  {
    path: "/home",
    component: Home,
    redirect: "/welcome",
    children: [{
      path: "/welcome",
      component: Welcome
    }, {
      path: "/users",
      component: User
    },{
      path:"/rights",
      component:Rights
    },{
      path:"/roles",
      component:Roles
    },{
      path:'/categories',
      component:Cate
    },{
      path:'/params',
      component:Param
    },{
      path:'/goods',
      component:GoodsList
    },{
      path:'/goods/addGood',
      component:AddGood
    },{
      path:'/orders',
      component:Order
    },{
      path:'/reports',
      component:Report
    }]
  }
]

const router = new VueRouter({
  routes
})

//为路由对象，添加beforeEach导航守卫
router.beforeEach((to, from, next) => {
  //如果用户访问的登录页，直接放行
  if (to.path === "/login") {
    return next();
  }
  //从sessionStorage中获取保存的token的值
  const tokenStr = window.sessionStorage.getItem("token");
  //没有token,强制跳转到登录页
  if (!tokenStr) {
    return next("/login");
  }
  next();
});

export default router
